<template>
  <div id="new_register">
    <c-title :hide="false" :text="pageType == 'register' ? '用户注册' : '基本信息'"></c-title>
    <!-- 注册页面显示-->
    <div v-if="pageType == 'register'">
      <!-- 背景图 -->
      <img :src="dataList.top_img" class="bgImage" style="z-index: -99;" />
      <!-- -->
      <div class="navTo" v-if="pageType == 'register'">
        <div>
          <router-link :to="fun.getUrl('login')">返回登录</router-link>
        </div>
        <!-- <div>
        <router-link :to="fun.getUrl('home')">首页</router-link>
      </div> -->
      </div>
      <div class="zhuce">用户注册</div>
      <div class="zhuce-title">注册后，注册手机号将作为登录凭证</div>
      <!-- 下拉框组件  修改前-->
      <!-- <div style="margin-top:-2.5rem;" :style="fun.isTextEmpty(dataList.top_img) ? 'margin-top: -1.2rem;' : ''">
        <inputList ref="input_list" type="register" :inputShowList="inputShowList" v-if="JSON.stringify(inputShowList) != '{}'"></inputList>
      </div> -->
      <!-- -->
      <!-- 下拉框组件  修改后-->
      <div v-if="uniacid == '70'" :style="fun.isTextEmpty(dataList.top_img) ? 'margin-top: 1rem;' : ''">
        <inputList ref="input_list" @getInviteCode="getInviteCode" type="register" :inputShowList="inputShowList" v-if="JSON.stringify(inputShowList) != '{}'"></inputList>
      </div>
      <div v-else :style="fun.isTextEmpty(dataList.top_img) ? 'margin-top: 1rem;' : ''">
        <inputList ref="input_list" type="register" :inputShowList="inputShowList" v-if="JSON.stringify(inputShowList) != '{}'"></inputList>
      </div>
      <div class="contentOne">
        <!-- 推荐人手机号 牛牛商城-89 开始-->
      <van-cell v-if="uniacid == '89'" title="推荐人手机号" value="内容" class="h2-5rem qwe">
          <div slot="default">
            <van-field @input="recomandMobileInput" @blur="recomandMobileBlur" v-model.trim="recomandMobile" input-align="right" placeholder="请输入" />
          </div>
        </van-cell>
        <!-- 推荐人手机号 牛牛商城-89 结束 -->
        <!-- 接点人手机号 牛牛商城-89 开始-->
        <van-cell v-if="uniacid == '89'" title="接点人手机号" :value="jiedianMobile" class="h2-5rem qwe">
          <div slot="default">
            <van-field @blur="jiedianMobileBlur" @input="jiedianMobileInput" v-if="niuJiedianMobileinput == true" v-model.trim="jiedianMobile" input-align="right" placeholder="请输入" />
            <span @click="changeJiedianMobileinput" v-else style="padding: 0 16px 0 0;">{{ jiedianMobile | formatPhoneNumber }}</span>
          </div>
          <!-- <div slot="default" @click="changeJiedianMobileinput">
            <van-field :disabled="!niuJiedianMobileinput" @blur="jiedianMobileBlur" @input="jiedianMobileInput" v-model="jiedianMobileNew" input-align="right" placeholder="请输入" />
          </div> -->
        </van-cell>
        <div v-if="jiedianMobileAuto != ''" class="niuniu-jiedian-tips">自动接点至{{ jiedianMobileAuto | formatPhoneNumber }}，可点击编辑其他接点人</div>
        <!-- 接点人手机号 牛牛商城-89 结束 -->
      </div>
      
      <!-- -->
    </div>
    <!-- 用户信息页面显示-->
    <div v-else>
      <div class="content">
        <van-cell>
          <template #title>
            <div>
              <div>头像</div>
              <div @click="updateInfo" style="display: flex;" v-if="fun.getWebEnv() != '5'" :style="'color:' + 'var(--themeBaseColor)'">
                <div class="iconfont icon-fontclass-gengxin" style="font-size: 12px;"></div>
                <span class="span">更新资料</span>
              </div>
            </div>
          </template>
          <template #default>
            <div style="display: flex;align-items: center;justify-content: flex-end;">
              <van-uploader v-model="fileList" :max-count="1" :after-read="afterRead" :deletable="false" />
              <van-uploader :max-count="1" :after-read="afterRead" :readonly="!changePicture">
                <div class="iconfont icon-member_right"></div>
              </van-uploader>
            </div>
          </template>
        </van-cell>
      </div>
      <div class="content">
        <div style="margin-top: 0.625rem;">
          <van-cell-group>
            <van-cell title="昵称" value="自定义字段" style="height: 3rem;">
              <van-field v-model.trim="form.nickname" :readonly="!changeNickname" input-align="right" placeholder="请输入昵称" />
            </van-cell>
          </van-cell-group>
        </div>
      </div>
    </div>
    <div class="contentOne">
      <van-cell-group class="model" :border="false">
        <van-cell title="邀请码" value="内容" class="h2-5rem qwe" v-if="invite.status" :required="invite.required == 1 ? true : false">
          <div slot="default">
            <van-field :disabled="uniacid == '70' ? true : false" v-model.trim="form.invite_code" input-align="right" placeholder="请输入邀请码" />
          </div>
        </van-cell>
        <!-- 推荐人id 换牛二期-88 开始-->
        <van-cell v-if="uniacid == '88' && pageType == 'register'" title="接点人ID" value="内容" class="h2-5rem qwe">
          <div slot="default">
            <van-field v-model.trim="recomandId" input-align="right" placeholder="请输入接点人ID" />
          </div>
        </van-cell>
        <!-- 推荐人id 换牛二期-88 结束 -->
        
        <!-- <van-cell v-if="uniacid == 46 && form.klr_type && invite.status" title="二维码" value="内容" class="h2-5rem" :required="invite.required == 1 ? true : false"> -->
        <van-cell v-if="uniacid == 46" title="二维码" value="内容" class="h2-5rem qwe" :required="invite.required == 1 ? true : false">
          <div slot="default">
            <van-field v-model.trim="form.klr_type" :readonly="true" input-align="right" placeholder="请输入二维码" />
            <!-- <select v-else v-model="selectedOption">
              <option v-for="option in options" :value="option.value" :key="option.value">
                {{ option.label }}
              </option>
            </select> -->
          </div>
        </van-cell>
        <!-- <van-cell v-if="uniacid == 128" title="选区" value="内容" class="h2-5rem qwe" :required="invite.required == 1 ? true : false">
          <div slot="default">
            <van-field @click="openQu" v-model.trim="quPickerSelected" :readonly="true" input-align="right" placeholder="请选择分区" />
          </div>
        </van-cell> -->
        <van-cell title="父亲姓名" value="内容" class="h2-5rem qwe" v-if="inputShowList.logPlugIn" required>
          <div slot="default">
            <van-field v-model.trim="form.fathername" input-align="right" placeholder="请输入父亲姓名" />
          </div>
        </van-cell>
        <van-cell title="母亲姓名" value="内容" class="h2-5rem qwe" v-if="inputShowList.logPlugIn" required>
          <div slot="default">
            <van-field v-model.trim="form.mothername" input-align="right" placeholder="请输入母亲姓名" />
          </div>
        </van-cell>
        <van-cell title="姓名" value="内容" class="h2-5rem qwe" v-if="registerBasicInfo.name && registerBasicInfo.name.show" :required="registerBasicInfo.name.must == 1 ? true : false">
          <div slot="default">
            <van-field :readonly="(uniacid == 5 || uniacid == '89') && pageType != 'register' && form.name != ''" v-model.trim="form.name" input-align="right" placeholder="请输入姓名" />
          </div>
        </van-cell>
        <!-- 性别-->
        <div class="sex">
          <van-cell
            title="性别"
            :value="form.sex == 0 ? '未定义' : form.sex == 1 ? '男' : '女'"
            @click="sexShow = true"
            is-link
            v-if="registerBasicInfo.gender && registerBasicInfo.gender.show"
            :required="registerBasicInfo.gender.must == 1 ? true : false"
          />
          <van-dialog v-model.trim="sexShow" title="请选择性别" :showConfirmButton="false" closeOnClickOverlay>
            <div slot="title" class="title">
              <div>请选择性别</div>
              <div class="iconfont icon-guanbi icon" @click="sexShow = false"></div>
            </div>
            <div class="content">
              <div v-for="(item, index) in sexLIst" :key="index" style="display: flex;padding:1.5rem 2rem;" @click="sexSwitch(index)">
                <div class="sexList">
                  <img :src="item.checked == true ? item.checkedUrl : item.url" />
                  <div style="margin-top: 0.5rem;" :style="item.checked == true ? 'color: #f14e4e;' : ''">{{ item.value }}</div>
                </div>
              </div>
              <span class="text">或</span>
            </div>
          </van-dialog>
        </div>
        <!-- 生日-->
        <van-cell
          title="生日"
          is-link
          :value="form.birthday == '' ? '请选择' : form.birthday"
          @click="birthdayShow = true"
          v-if="registerBasicInfo.birthday && registerBasicInfo.birthday.show"
          :required="registerBasicInfo.birthday.must == 1 ? true : false"
        />
        <!-- <van-calendar v-model.trim="birthdayShow" @confirm="onConfirm" :min-date="minDate" :max-date="maxDate"/> -->
        <van-popup v-model="birthdayShow" position="bottom" :style="{ height: '30%' }">
          <van-datetime-picker v-model="currentDate" type="date" :min-date="minDate" :max-date="maxDate" @confirm="onConfirm" @cancel="birthdayShow = true" />
        </van-popup>
        <!-- 详细地址-->
        <div v-if="registerBasicInfo.address && registerBasicInfo.address.show">
          <van-cell
            title="详细地址"
            value="请选择区域"
            v-model.trim="districtName == '' ? '请选择地址' : districtName"
            is-link
            @click="showAdd = true"
            :required="registerBasicInfo.address.must == 1 ? true : false"
          />
          <div>
            <van-field v-model.trim="form.detailedAddress" rows="4" autosize type="textarea" maxlength="100" placeholder="请输入详细地址" show-word-limit />
          </div>
        </div>
      </van-cell-group>
    </div>
    <!-- 自定义字段(固定)-->
    <div class="contentThree" v-if="fixedDiyField.length > 0 && pageType == 'register'">
      <van-cell-group>
        <van-cell :title="item.name" :value="item.value" v-for="(item, index) in fixedDiyField" :key="index" :required="item.must == 1 ? true : false">
          <div slot="default">
            <van-field v-model.trim="form.field" input-align="right" :placeholder="'请输入' + item.name" :readonly="fixedFieldModification" />
          </div>
        </van-cell>
      </van-cell-group>
    </div>
    <!-- 自定义字段-->
    <div class="contentThree" v-if="diyField.form && diyField.form.length > 0">
      <van-cell-group>
        <van-cell class="h2-5rem qwe" :title="item.name" :value="item.value" v-for="(item, index) in diyField.form" :key="index" :required="diyField.form_open == 1 ? true : false">
          <div slot="default">
            <van-field
              :disabled="uniacid == 5 && item.name == '身份证号' && pageType != 'register' && newIdcardNum != ''"
              v-model.trim="item.value"
              input-align="right"
              :placeholder="'请输入' + item.name"
              :readonly="diyField.form_edit == 1 ? true : false"
            />
          </div>
        </van-cell>
      </van-cell-group>
    </div>
    <!-- 自定义表单-->
    <div class="contentFour" v-if="diyStatus == 1">
      <diyorm
        v-if="diyform.fields"
        ref="gofunarr"
        v-on:gofunarr="postDiy"
        :modeType="'Single'"
        :singleStatus="true"
        :singleDatas="diyform"
        :desThumb="false"
        :memberBtn="false"
        :methodType="'funarr'"
      ></diyorm>
    </div>
    <!-- <div class="navTo" v-if="pageType == 'register'">
      <div>
        <router-link :to="fun.getUrl('login')">返回登录</router-link>
      </div>
      <div>
        <router-link :to="fun.getUrl('home')">首页</router-link>
      </div>
    </div> -->
    <div style="margin-bottom: 2rem;" v-else></div>
    <div class="agreement" v-if="(pageType == 'register' && userProtocol.status == 1) || platformAgreement.status == 1">
      <!-- <van-checkbox v-model="form.login_checked" :checked-color="'var(--themeBaseColor)'" icon-size="13.5px" style="position: absolute;top: 0.2rem;left: 0.5rem;"></van-checkbox>
      <div class="text">
        我已阅读并同意<span :style="'color:' + 'var(--themeBaseColor)'" @click="openOpenPlatformAgreement('user')" v-if="userProtocol.status == 1">《{{ userProtocol.title }}》</span
        ><span :style="'color:' + 'var(--themeBaseColor)'" @click="openOpenPlatformAgreement('platform')" v-if="platformAgreement.status == 1">《{{ platformAgreement.title }}》</span>,并授权[{{
          nameOfTheMall
        }}]使用该[{{ nameOfTheMall }}]账号信息（如昵称,头像,收货地址等）进行统一管理
      </div> -->
      <!-- <van-checkbox v-model="form.login_checked" :checked-color="'#00AAFF'" icon-size="13.5px" style="position: absolute;top: 0.2rem;left: 0.5rem;"></van-checkbox> -->
      <div>
        <van-checkbox v-model="form.login_checked" :checked-color="'#00AAFF'" icon-size="13.5px"></van-checkbox>
      </div>
      
      <div class="text">
        我已阅读并同意<span :style="'color:' + '#00AAFF'" @click="openOpenPlatformAgreement('user')" v-if="userProtocol.status == 1">《{{ userProtocol.title }}》</span
        ><span :style="'color:' + '#00AAFF'" @click="openOpenPlatformAgreement('platform')" v-if="platformAgreement.status == 1">《{{ platformAgreement.title }}》</span>,并授权[{{
          nameOfTheMall
        }}]使用该[{{ nameOfTheMall }}]账号信息（如昵称,头像,收货地址等）进行统一管理
      </div>
    </div>
    <div class="foot set-pc-style">
      <van-button v-if="uniacid == 5" type="primary" :round="true" :style="cssVars" @click="pageType == 'register' ? registerOpenPop() : modifyingUserInformation()">
        {{ pageType == "register" ? "注册账号" : "保存" }}
      </van-button>
      <!-- 牛牛商城-89-注册按钮 开始 -->
      <van-button style="background: #57beb2;" v-else-if="uniacid == '89'" type="primary" :round="true" :style="cssVars" @click="pageType == 'register' ? verReisterNiu() : modifyingUserInformation()">
        {{ pageType == "register" ? "注册账号" : "保存" }}
      </van-button>
      <!-- 牛牛商城-89-注册按钮 结束 -->
      <van-button v-else type="primary" :round="true" :style="cssVars" @click="pageType == 'register' ? register() : modifyingUserInformation()">
        {{ pageType == "register" ? "注册账号" : "保存" }}
      </van-button>
    </div>

    <!-- <van-picker show-toolbar v-if="ewcodeShow" title="请选择二维码" :columns="columns" @cancel="onCancel" @confirm="onConfirm" @change="onChange" /> -->
     
    <!-- 十佳合--选区弹窗 -->
     <van-popup v-model="openQuPickerShow" style="width: 100%;" position="bottom">
      <van-picker show-toolbar title="请选择分区" :columns="quPickerOptions" @cancel="onCancelQuPicker" @confirm="onConfirmQuPicker" />
     </van-popup>

    <!-- 地区选择组件-->
    <yd-cityselect v-model="showAdd" :callback="resultAdd" :items="district"></yd-cityselect>
    <!-- 协议弹窗-->
    <van-popup v-model="openPlatformAgreement" style="border-radius: 0.656rem;">
      <div class="city-info">
        <van-nav-bar :title="popoverProtocolContent.title" fixed />
        <div style="height: 2.5rem; clear: both;"></div>
        <div id="a_content" v-html="popoverProtocolContent.content"></div>
        <div
          style="width: 12.75rem;
            height: 2.313rem;
            background-color: #f04d4d;
            border-radius: 0.188rem;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 1.193rem;
            margin: 0 auto;
            margin-top: 1.5rem;
            margin-bottom: 1.063rem;"
          @click="openPlatformAgreement = false"
        >
          确定
        </div>
      </div>
    </van-popup>

    <!-- zmh 优家修改 注册弹窗 -->
    <van-popup v-model="registerShow" style="border-radius: 0.656rem;">
      <div>
        <!-- <van-nav-bar title="提示" fixed /> -->
        <!-- <div style="height: 2.5rem; clear: both;"></div> -->
        <div style="width: 300px;height: 40px;display: flex;justify-content: center;align-items: center;font-size: 16px;font-weight: 500;">提示</div>
        <div style="width: 300px;height: 150px;overflow-y: scroll;padding: 15px;font-size: 16px;justify-content: center;">{{ registerNotice }}</div>
        <!-- <div id="a_content" v-html="registerNotice"></div> -->
        <div style="display:flex;justify-content: space-betweent;">
          <!-- <div style="display: flex;flex: 1;justify-content: center;align-items: center;" @click="openPlatformAgreement = false">
          取消
        </div> -->
          <div style="display: flex;flex: 1;height: 40px;justify-content: center;align-items: center;color: red;font-size: 16px;font-weight: 500;" @click="confirmRegister">
            确定
          </div>
        </div>
      </div>
    </van-popup>

     <!-- 牛牛商城-89-注册确认弹窗 开始 -->
     <van-popup v-model="niuniuRegisterPop" position="center" :overlay="true" round :close-on-click-overlay="false">
      <div class="dui-pop1">
        <div class="duihuanPop-title">绑定是否正确</div>
        <div style="width:100%;height: 59px;display: flex;align-items: center;padding: 0 30px;flex-direction: column;">
          <!-- <div>请输入您的换牛会员ID</div> -->
          <div style="display: flex;flex: 1;flex-direction: column;width: 100%">
            <div style="display: flex;justify-content: space-between;">
              <span>推荐人手机号</span>
              <span>{{ recomandMobile }}</span>
            </div>
            <div style="display: flex;justify-content: space-between;margin-top: 8px;">
              <span>接点人手机号</span>
              <span>{{ jiedianMobile }}</span>
            </div>
          </div>
        </div>
        <div class="" style="height: 50px;display: flex;width: 100%;border-top: 1px solid #eaeaea;">
          <div @click="cancelPop" style="width: 50%;text-align: center;line-height: 50px;border-right: 1px solid #eaeaea;">否</div>
          <div @click="registerNiuniu" style="width: 50%;text-align: center;line-height: 50px;color: #50b1a5;">是</div>
        </div>
      </div>
    </van-popup>
    <!-- 牛牛商城-89-注册确认弹窗 结束 -->
  </div>
</template>

<script>
import new_register_controller from "./new_register_controller";
export default new_register_controller;
</script>
<style>
body {
  background-color: #fff !important;
}
</style>
<style lang="scss" rel="stylesheet/scss" scoped>
#new_register {
  text-align: left;
  overflow: hidden;
  position: relative;

  .bgImage {
    width: 100%;
    max-height: 11.75rem;
    object-fit: cover;
    z-index: -1;
  }

  .content {
    padding: 0rem 0.969rem;
    margin: 0.625rem;
    border-radius: 0.313rem;
    background-color: white;

    .span {
      font-size: 0.75rem;
      line-height: 1.5rem;
      margin-left: 0.3rem;
    }
  }
  .zhuce {
    width: 190px;
    height: 45px;
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 23px;
    color: #05060a;
    line-height: 72px;
    margin-left: 20px;
  }
  .zhuce-title {
    margin-top: 25px;
    margin-left: 20px;
    font-size: 14px;
    color: grey;
  }
  .contentOne {
    background-color: white;
    padding: 0rem 0.969rem;
    border-radius: 0.313rem;
    margin: 0.625rem;

    .model {
      .sex {
        .title {
          .icon {
            position: absolute;
            top: 1.1rem;
            right: 1.031rem;
            color: #8e8e8e;
          }
        }

        .content {
          display: flex;
          align-items: center;
          justify-content: space-between;

          img {
            width: 3.688rem;
            height: 3.688rem;
          }

          .text {
            position: absolute;
            left: 8.625rem;
            top: 5.5rem;
            color: #d2d2d2;
            font-size: 0.8rem;
          }

          .sexList {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
          }
        }
      }
    }
  }

  .contentTwo {
    background-color: white;
    padding: 0rem 0.969rem;
    margin: 0.625rem;
    border-radius: 0.313rem;
  }

  .contentThree {
    background-color: white;
    padding: 0rem 0.969rem;
    margin: 0.625rem;
  }

  .contentFour {
    background-color: white;
    margin: 0.625rem;
    padding: 0 10px;
  }

  .navTo {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0rem 1.281rem;
    color: #00aaff;
    font-size: 0.75rem;
    letter-spacing: 0.038rem;
    // margin-bottom: 10rem;
    font-stretch: normal;
  }

  .agreement {
    // position: absolute;
    text-align: left;
    align-items: center;

    bottom: 70px;
    margin-left: 4px;
    margin-right: 4px;
    display: flex;
    color: #666666;

    .icon {
      color: #b8b8b8;
      font-size: 13px;
      margin-top: 2px;
    }

    .text {
      font-size: 12px;
      letter-spacing: 1px;
      line-height: 18px;
      margin-left: 1.8rem;
      margin-right: 0.5rem;
    }
  }

  .foot {
    // position: fixed;
    // width: 100%;
    // bottom: 0;
    // background-color: #ffffff;
    padding: 0.46rem 1.53rem;
    // box-shadow: -0.009rem -0.125rem 0.406rem 0rem rgba(213, 213, 213, 0.59);
  }
}
.qwe {
  border: transparent;
    margin-top: auto;
    background: transparent;
}
.h2-5rem {
  height: 2.5rem;

}

.city-info {
  border-radius: 0.656rem;
  width: 20rem;
  height: 32rem;
  margin: 0 auto;
  // padding-bottom: 5rem;
  background: #fff;

  header {
    border-radius: 0.656rem 0.656rem 0 0;
  }

  #a_content {
    // width: 14.438rem;
    margin: 0.5rem 0.9rem;
    height: 24rem;
    overflow-y: scroll;

    ::v-deep img {
      max-width: 100%;
      display: flex;
    }
  }
}
// ::v-deep .van-field .van-field__value .van-field__body .van-field__button{
//   position: absolute !important;
//   right: 0 !important;
// }

::v-deep .van-button--primary {
  height: 2.7rem;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#00aaff), to(#006dff));
  background: -webkit-linear-gradient(left, #00aaff, #006dff);
  background: linear-gradient(to right, #00aaff, #006dff);
  border: 1px solid transparent;
  border-radius: 1.94rem;
  // border: 1px solid var(--themeBaseColor);
  // background-color: var(--themeBaseColor);
}

::v-deep .van-cell {
  display: flex;
  align-items: center;
  border: 1px solid #ededed;
  border-radius: 25px;
  // width: 350px;
  height: 55px;
  margin-top: 12px;
  // text-align: left;
  // display: flex;
  // align-items: center;
  // font-size: 16px;
  // padding: 5px 3px;
}
::v-deep .qwe .van-cell {
  border: transparent;
    margin-top: auto;
    background: transparent;
}

::v-deep .van-dialog {
  border-radius: 0.313rem;
  position: fixed;
  width: 18.125rem;
  height: 11.875rem;
}

::v-deep .van-dialog__header {
  font-size: 0.938rem;
  letter-spacing: 0.075rem;
  margin-top: -0.5rem;
  color: #202020;
}
::v-deep .van-cell .van-field {
  border: transparent;
    margin-top: auto;
    background: transparent;


}
::v-deep .van-field__body {
  min-height: 30px;
    border: transparent;
    margin-top: auto;
    background: transparent;
}

::v-deep .van-cell__title,
.van-cell__value {
  height: 1.4 rem;
}

::v-deep .van-cell--required::before {
  // left: -5px;
}

::v-deep .van-uploader__upload {
  width: 50px;
  height: 50px;
  border-radius: 50px;
}

::v-deep .van-uploader__preview-image {
  width: 50px;
  height: 50px;
  border-radius: 50px;
}

::v-deep .van-cell::after {
  border-bottom: none;
}

.niuniu-jiedian-tips {
  font-size: 12px;
  color: #e75151;
  margin-top: 8px;
  font-weight: 500;
}
.duihuanPop-title {
  height: 60px;
  line-height: 60px;
  font-size: 17px;
  color: #333;
  font-weight: 600;
  text-align: center;
}
.duihuanPop-input {
  height: 74px;
  border: none;
  text-align: center;
  font-size: 26px;
  width: 100%;
  text-align: right;
}
.duihuanPop-input1 {
  height: 40px;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  // padding-left: 6px;
  text-align: center;
  width: 180px;
}
.duihuanPop-btn {
  width: 200px;
  height: 40px;
  border-radius: 20px;
  background: #f0a367;
  color: #fff;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  margin: 0 auto;
}
// 兑换一次确定弹窗
.dui-pop1 {
  width: 280px;
  height: 170px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
}
</style>
